<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        /*
            dom
            document object model 文档对象模型;
            通过js来操作html css 一些理论依据
            js：
            变量 数据类型  流程控制 [if  循环  switch case]  函数  对象  数组
            dom:
            1.html操作  获取html  修改html
                document 文档对象.浏览器内置对象
                document.getElementById()         根据id名  
                document.getElementsByTagName()   根据标签名获取

                HTML5新增：
                document.getElementsByClassName()   根据类名
                document.querySelector()            根据类名或者标签名
                document.querySelectorAll()         根据标签名获取元素对象的集合
            2.设置 或 获取属性 操作属性
                innerHTML 
                innerText
                tagName
                src 
                title
                alt 
                href
                style 
                id
                className
                type


            3.事件：当发生一些动作的时候会触发事件，执行事件的代码[文档事件  鼠标事件 键盘事件]
                onclick        //鼠标点击
                onmouseover    //鼠标经过
                onmouseout     //鼠标离开
                onmousemove    //鼠标移动
                onfocus        //获取焦点
                onblur         //失去焦点

                事件源(触发对象)
                事件类型(鼠标事件  键盘事件 文档事件)
                事件绑定(函数)

            获取下标
            li[i].index=i
            var that=this
            立即执行函数 在函授末尾括号里面加获取i 并由参数传递
        */

    </script>
    
</body>
</html>